/**
*	GotLoop Maven Site Style Sheet 
*	@author jibHaine
*/

/********** HTML ***************/
*{margin:0;padding:0;color:#000;font-family:Verdana,Helvetica,sans-serif;font-size:11px;}
body,html{background:#FFFFFF;position:relative;height:100%;}
body{position:relative;}
a{color:#549AC8;text-shadow:1px 1px 3px #CCC;outline:none;}
a:hover{color:#6699CC;text-shadow:1px 1px 1px #369;}
a:visited{}

h1,h2,h3,h4,h5,h6,dt,thead{
	color:#069;background:transparent;border:0;
	font-family:Century Gothic,BitStream Vera Sans,monospace;
	text-shadow:2px 2px 4px #CCC;
}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:12px;}

p{}

hr{}
ul{}
li{list-style: none;}

dl,dd,dt{}
.source{
	border:none;
	}
.source pre{
	overflow-y:scroll;
	overflow-x:hidden;
	padding:10px;
	margin:20px 0px;
	-webkit-box-shadow: 0px 1px 4px #666666;
	-moz-box-shadow: 0px 1px 4px #666666;
	box-shadow: 0px 1px 4px #666666; 
	border:2px solid white;
}

/********** HEADER ***************/
#banner{
	height:101px;
	display:block;
	border:0;
}
#bannerLeft{
	height:86px;
	width:200px;
	margin:0 auto;
	padding-top:15px;
	background:url(../img/gotloop.png) no-repeat center center;
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-indent:-1350px;
	outline:none;
	position:relative;
}
#logo h1,#logo:hover h1{color:#F90;}
#logo h1 span, #logo:hover h1 span{color:#ccc;}
#logo p, #logo:hover p{
	color:#DDD;font-size:12px;
	width:100%;height:20px;
	padding-left:41px;
	margin-top:-22px;
	text-shadow: white 0px 0px 4px;
}
#logo:hover p{color:#FFF;text-shadow: white 0px 0px 8px;}


/********** MENU ***************/

#breadcrumbs {
    position: relative;text-align:center;
    height: 38px; width:100%;border:0;padding:0;
}
#breadcrumbs div {
	padding: 10px;
	display: block;
	text-align: center;
	font: bold 15px arial;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}
#breadcrumbs div:hover{
	text-shadow: 0px 0px 6px #FFF;
}

/********** CONTENT ***************/
#bodyColumn{
	margin:20px 250px 20px 20px;
	position:relative;
	font-size:10px;}
#leftColumn{
	width:180px;
	position:absolute;
	border:0;
	right:20px; 
	top:150px;
	z-index:4;
	padding:10px;
	overflow:hidden;
	-moz-box-shadow:0 -3px 5px #DDDDDD;
}
#navcolumn{
	padding:0px;
}
#contentBox{
	
}
/********** ICONES ***************/
/** Blue medium ICONS **/
.ico{
	height:14px;display:inline-block;
	padding:8px 10px 8px 35px;
	background:url(../img/icons.png) transparent no-repeat;
	}
h2.ico{font-size:16px;}
dt.ico{font-size:14px;text-transform: capitalize;font-weight: bold;color:09F;}
.ico:hover{	}
.user{		background-position:0px 0px;}
.com{		background-position:0px -30px;}
.comadd{	background-position:0px -60px;}
.date{		background-position:0px -90px;}
.file{		background-position:0px -120px;}
.link{		background-position:0px -150px;}
.load{		background-position:0px -180px;}
.next{		background-position:0px -210px;}
.prev{		background-position:0px -240px;}
.rss{		background-position:0px -270px;}
.search{	background-position:0px -300px;}
.star{		background-position:0px -330px;}
.tag{		background-position:0px -360px;}

/********** FORMS ***************/
input{
	border:0px solid #666;
	padding:1px 10px;
	outline:none;
	-webkit-box-shadow: 0px 0px 5px #CCC;
	-moz-box-shadow: 0px 0px 5px #CCC;
	box-shadow: 0px 0px 5px #CCC; 
}
input:hover, input:focus{
	-webkit-box-shadow: 0px 0px 5px #7EB5D9;
	-moz-box-shadow: 0px 0px 5px #7EB5D9;
	box-shadow: 0px 0px 5px #7EB5D9; 
}

/********** TABLES ***************/
table{
	-webkit-box-shadow: 0px 1px 4px #666666;
	-moz-box-shadow: 0px 1px 4px #666666;
	box-shadow: 0px 1px 4px #666666;
	width:auto;
	border:2px solid white;
	margin:10px auto;
}
thead{
	background-color:#3383B8;
}
thead th{color:#FFF;font-size:14px;font-weight:bold;padding:4px;}
tbody tr:nth-child(odd){background:#EEE;}
tbody tr:nth-child(even){background:#E6E6E6;}
tbody tr:hover{background:#FFF;}
tbody td{color:#666;padding:2px;border:0px solid white;}
tbody tr:hover td{color:#000;}
/********** CSS3 STYLES ***************/
.rounded, pre, input, textarea, #popup article, #leftColumn{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.rounded-top, table, thead, thead tr, thead tr:first-child th,.content article, #popup header{
	-webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
}
.rounded-bottom{
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}
.blue-gradient,input[type=submit]:hover, thead, #breadcrumbs{
	color:#fff;
	background:-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(58,135,186)),
	    color-stop(1, rgb(126,181,217))
	);
	background:-moz-linear-gradient(
	    center bottom,
	    rgb(58,135,186) 0%,
	    rgb(126,181,217) 100%
	);
}
.black-gradient, button, input[type=submit], aside a:hover, #banner{
	color:#FF8A00;
	background:
	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(51,51,51)),
	    color-stop(1, rgb(102,102,102))
	);
	background: -moz-linear-gradient(bottom,#333,#666);
}
.grey-gradient, .content article, #popup article, #leftColumn{
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255,255,255)),
    color-stop(1, rgb(249,249,249))
);
background:-moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 0%,
    rgb(249,249,249) 100%
);
}
.box-shadow, #breadcrumbs{	
	-webkit-box-shadow: 0px 1px 4px #666666;
	-moz-box-shadow: 0px 1px 4px #666666;
	box-shadow: 0px 1px 4px #666666; 
}
.blue-text-shadow, #breadcrumbs div, thead th, #bannerRight{
	text-shadow: 1px 1px 3px #069;
}
.grey-text-shadow, .xright{
	text-shadow: 1px 1px 2px #999;
}
.transition, #breadcrumbs div,input, #logo, #logo p, aside a{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}